<!DOCTYPE html>
<head>
    <title>Pinrehit：我的Pin</title>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- Styles -->
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-3.3.1.js"></script>
</head>




<!--导航栏-->
<header class="site-header">
    <div class="site-branding">
        <h1 class="site-title"><a id="index" href="#" rel="home"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
    </div><!-- .site-branding -->

    <div class="hamburger-menu">
        <div class="menu-icon">
            <img src="images/menu-icon.png" alt="menu icon">
        </div><!-- .menu-icon -->

        <div class="menu-close-icon">
            <img src="images/x.png" alt="menu close icon">
        </div><!-- .menu-close-icon -->
    </div><!-- .hamburger-menu -->
</header><!-- .site-header -->
<nav class="site-navigation flex flex-column justify-content-between">
    <div class="site-branding d-none d-lg-block ">
        <h1 class="site-title"><a id="index1" href="#" rel="user"><img src="images/logo.svg" height="50" width="50" alt="Logo"></a></h1>
    </div><!-- .site-branding -->

    <ul class="main-menu flex flex-column justify-content-center">
        <li><a id="addpin" href="#">创建pin</a></li>
        <li><a id="mypin" href="#">我的pin</a></li>
        <li><a id="mysaved" href="#">我的收藏</a></li>

        <li><a href="origin-web.html">注销</a></li>
    </ul>

    <p>
        Copyright &copy;<script>document.write(new Date().getFullYear());</script> Made in HIT

    </p>
</nav>

<script>
    function GetQueryString(name)
    {
        var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)","i");
        var r = window.location.search.substr(1).match(reg);
        if(r!=null)
            return unescape(r[2]);
        return null;
    }
    $(function (){

        document.getElementById("mypin").href="mypin.html?uid="+GetQueryString("uid");
        document.getElementById("mysaved").href="mysaved.html?uid="+GetQueryString("uid");
        document.getElementById("index").href="index.html?uid="+GetQueryString("uid");
        document.getElementById("index1").href="index.html?uid="+GetQueryString("uid");
        document.getElementById("addpin").href="addpin.html?uid="+GetQueryString("uid");
    });

</script>


<!--图片展示-->
<div class="nav-bar-sep d-lg-none"></div>

<div class="outer-container blog-page">
    <div class="container-fluid">
        <div class="row">
            <div id="showshowway"></div>
            <script>
                var uid=GetQueryString("uid");
                $(function (){
                    $.ajax({
                        async:false,
                        type:"POST",
                        url:"getPicInf",
                        success:function (data) {
                            var msg = "";
                            for ( var i = 0; i < data.length; i++) {
                                if(!(uid != data[i].picauthor)){
                                    msg+="<div class=\'col-12 col-xl-6 no-padding\'>";
                                    msg+="<div class=\'blog-content flex\'>";
                                    msg+="<figure>";
                                    msg+="<a href=\'#\'><img src=\'"+data[i].pictures+"\' alt=\'\' height=\'460\' width=\'460\'></a></figure><div class=\'entry-content flex flex-column justify-content-between align-items-start\'><header>";
                                    msg+="<h3><a href=\'showpinzzy.html?pid="+data[i].picid+"\'>"+data[i].picname+"</a></a></h3>"
                                    msg+="<div class=\'posted-by\'>"+data[i].picauthor+"</div></header><footer class=\'flex flex-wrap align-items-center\'><ul class='flex flex-wrap align-items-center'>";
                                    msg+="</ul></footer></div></div></div>";
                                }

                            }
                            $("#showshowway").html(msg);
                        },
                });


                });

            </script>


        </div>
    </div>
</div>









<!--JS-->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
<script src="js/jquery-3.3.1.js"></script>

</body>
</html>